@charset "utf-8";
/* 老地方扩展 */
@color:#099292; 
/*表格样式*/
.table{ 
    width:100%;
    border-bottom:1px solid #fff;
    background:#f5f5f5;
    box-shadow:inset 0 0 1px #ccc;
    tr{
        border-bottom:1px solid #eee;
        th{
            background: #eee;padding:8px;
            box-shadow: inset 0 1px #ddd;
            color:#999;font-size:14px;
            font-family: 'Microsoft YaHei';
            text-shadow: 1px 1px #fff;
            letter-spacing: .2em;
            border-bottom:2px solid @color;
         }        
         td{
            padding:5px;
            box-shadow: inset 0 1px #fff,inset 0 -1px #ddd;
        }
         &:hover{background:#f0f0f0;}
    }
    .pct5{width:5%;}
    .pct10 { width: 10%; }
    .pct15 { width: 15%; }
    .pct20 { width: 20%; }
    .pct25 { width: 25%; }
    .pct30 { width: 30%; }
    .pct33 { width: 33.3%; }
    .pct40 { width: 40%; }
    .pct45 { width: 45%; }
    .pct50 { width: 50%; }
    .pct55 { width: 55%; }
    .pct60 { width: 60%; }
    .pct66 { width: 66.6%; }
    .pct70 { width: 70%; }
    .pct75 { width: 75%; }
    .pct80 { width: 80%; }
    .pct85 { width: 85%; }
    .pct90 { width: 90%; }
    .pct95 { width: 95%; }
    .pct100 { width: 100%; }
}
/*表单样式*/
.form{
    input,select,textarea,fieldset{
        padding:.5em;
        font-family: Tahoma;
        vertical-align: middle;
        border:1px solid #ddd;
        box-shadow:inset 0 0 2px #ddd;
        resize:none;
        color:#999;
        legend{background: #fff;font-size: 14px;color:#999;font-weight: 700;}
        option{ 
            &.disabled{color: #ccc;}
        }
        &:hover{
            box-shadow:inset 0 0 1px @color;
            border:1px solid lighten(@color, 10%);
            outline: none;
            border-radius: .5em;
        }
        &:focus{
            box-shadow:inset 0px 0px 1px @color,inset 0px 0px 1px @color,0 0 2px @color;
            border:1px solid lighten(@color, 5%);
            outline: none;
            color:@color;
            background: lighten(@color, 67%);
            border-radius: .5em;
        }
    }

}
// menu菜单
.Menu{
    padding: 10px;
    border-bottom:3px solid #ccc;
    overflow: hidden;
    background: #F5F5F5;
    box-shadow: inset 0 -1px #fff;
    a{
        display: block;
        float: left;
        padding: 5px 10px;
        border-bottom:2px solid #ddd;
        box-shadow:inset 0px -1px #fff;
        color:#666;
        font-size: 14px;
        font-family: 'Microsoft YaHei';
        margin-right: 0px;
        &.act,&:hover{
            border-bottom: 2px solid @color;
            color:@color;
            box-shadow:inset 0 0 1px #fff;
            background: #fff;
        }
    }
}
// tab菜单
div.tabMenu{
    border-bottom:1px solid #ccc;
    overflow: hidden;
    padding: 10px 10px 0px 10px;
    a{
        display: block;
        float: left;
        padding: 5px 10px;
        font-size: 14px;
        background: #ccc;
        color:#fff;
        margin-right: 1px;
        border-top-left-radius: .3em;
        border-top-right-radius: .3em;
        &.act{
            background: @color+60;
        }
    }
} 
ul.tabSub{
    li{
        display: none;
        padding: 10px;
        &.act{
            display: block;
        }
    }
}
// 分页
.page{
    padding:10px;
    text-align: center;
    span,a,strong{
        border:1px solid lighten(@color, 10%);
        display: inline-block;
        padding:3px 6px;
        margin-right: 5px;
        color:@color;
        &.act{
            background: lighten(@color, 5%);
            color:#fff;
        }
        &:hover{
            background: lighten(@color, 15%);
            color:#fff;
        }
    }
    strong{
        background: lighten(@color, 5%);
        color:#fff;
    }
}

// 插件弹窗
.msgContentClassBg{
    background:black;
    position:absolute;
    z-index:900;
    display:none;
}
.msgContentClass{
    position:absolute;
    padding:10px;
    border:5px solid #ddd;
    z-index:999;
    background:#fff;
    display:none;
    max-width:500px;
    box-shadow:inset 0 0 2px #333,0 0 5px #333,0 0 10px #333,0 0 3px #990,0 0 6px #990,0 0 20px #333;
}
.closeMsgB{
    color:#333;
    display:inline-block;
    height:25px;
    width:25px;
    font-size:23px;
    cursor:pointer;
    position:absolute;
    right:-20px;top:-20px;
    border-radius:50%;
    background:#eee;
    color:#999;
    font-family:simsun;
    box-shadow:1px -1px 5px #999;
}
//插件弹出确认窗口
.LDFconfirm{
    position: absolute;
    left:100px;top:100px;
    box-shadow:inset 0 0 5px @color,1px 1px 2px #333,0 0 5px #333,0 0 10px #333;
    background: #fff;
    pading:10px;
    z-index: 998;
    .cont{
        color:#333;
        font-weight: 700;
        font-size: 16px;
        font-family: 'Microsoft YaHei';
        padding:20px;
        text-align: center;
    }
    .bottom{
        text-align: center;
        padding: 10px;
        a{
            display: inline-block;
            margin-right: 8px;
            padding:5px 10px;
            border:1px solid #ddd;
            color:#fff;
            font-size: 14px;
            font-family: 'Microsoft YaHei';
            &.yes{ background: @color; }
            &.no{ background: #ccc; }
            &:hover{background: @color+50;}
        }
    }
}
//自动大图
.showPicCont{
    position:absolute;
    left:0;top:0;
    border:2px solid #ddd;
    padding:5px;
    background:#fff;
    z-index:5;
    max-width:300px;
    display: none;
    box-shadow: 0 0 30px #666;
}
